<template>
  <div class="home">
    <v-layout></v-layout>
  </div>
</template>

<script>
import Layout from "../components/layout/Layout";
export default {
  name: 'Home',
  data () {
    return {
    }
  },
  methods: {
    handleSelect (key, keyPath) {
      console.log(key, keyPath)
    }
  },
  components:{
    "v-layout":Layout
  }
}
</script>

<style scoped lang="scss">
.home{
  height: 100%;
  overflow: hidden;
}
/*>>>表示样式穿透,父组件可以支持子组件的样式，sass中不支持该写法，在sass中使用
  /deep/来表示该功能，css中也可以使用
*/
.home /deep/ .container{
  height: 100%;
  //font-size: 20px;

}
//.home /deep/ .container /deep/ .header{
//  padding: 0;
//
//}
//.home /deep/ .container /deep/ .header /deep/ .logo{
//  float: left;
//}
//.home /deep/ .container /deep/ .header /deep/ .user-info{
//  float: right;
//}
</style>
